<template>
  <view class="content">
	<el-tabs v-model="activeName" class="demo-tabs">
	    <el-tab-pane label="列表视图" name="first">
			<view style="padding-left: 50rpx;padding-right: 50rpx;">
				<el-input
				      v-model="input"
				      style="max-width: 600px"
				      :placeholder="$t(`global.search`)"
				      class="input-with-select"
					  :prefix-icon="Search"
					  :suffix-icon="FullScreen"
				    >
				    </el-input>
			</view>
				
			<view>
				<view class="a" v-for="(item,index) in tableData" :key="index">
					<view class="datatitle" @click="tabDetil(index)">
						<span>{{item[0]}}</span><span>{{item[1]}}</span>
					</view>
				</view>
			</view>
		</el-tab-pane>
	  </el-tabs>
  </view>
</template>
<script lang="ts" setup>
import * as productApi from '@/service/api/hkb/product/index'
import { ref } from 'vue'
import { FullScreen,Search } from '@element-plus/icons-vue'
import { Navigate } from '@/utils';
const activeName = ref('first')
const tableData = ref([
	["全部",6],
	["平板电脑",2],
	["手机",1],
	["穿戴设备",1],
	["笔记本",2],
	["空",0],
])
const input = ref('')

function tabDetil(index: Number){
	uni.navigateTo({
		url: '/src/pages/hkb/product/detail?id='+index,
	});
}
/** 激活时 */
onActivated(() => {

})

/** 初始化 **/
onMounted(async () => {
 
})
</script>
<style lang="scss" scoped>
.a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100rpx;
	border-bottom: 1rpx solid #DCDFE6;
	cursor: pointer;
}
.datatitle{
	display: flex;
	justify-content: space-between;
	padding-left: 50rpx;
	padding-right: 50rpx;
}
</style>
